<!DOCTYPE html>
<html>
<head>
	<title>搜索</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="{G_TEMPLATES_CSS}/wx/index.css" rel="stylesheet">
    <link href="{G_TEMPLATES_CSS}/wx/swiper.min.css" rel="stylesheet">
    <script src="{G_TEMPLATES_JS}/wx/jquery-2.1.4.min.js"></script>
    <script src="{G_TEMPLATES_JS}/wx/swiper.min.js"></script>
</head>
<body>
	<header class="header">
    	<a href="javascript:;" onClick="history.go(-1)">
    	<div class="header-left" style="margin-left:2%;">
    		<img src="{G_TEMPLATES_IMAGE}/wx/back-b.png" class="back">
            <span style="color:#fff;font-size:16px;float:left;display: inline-block;">返回</span>
        </div>
        </a>
        <div class="header-center">
    		<span class="name">搜索</span>
    	</div>
        <div class="header-right" style="float:right;width:15%;">
        	<img src="{G_TEMPLATES_IMAGE}/wx/zhuyejian.png" class="back">
        </div>
    </header>
	
    <div class="search-top">
    	<input type="search" name="search"  class="search"  value="" placeholder="请输入您要搜索的内容">
        <img src="{G_TEMPLATES_IMAGE}/wx/sousuo.png" style="width:35px;height:35px;float:right;margin-top:-50px;margin-right:30px;">
    </div>
    <div class="search-fl">
    	<ul>
        	<li>
            	<img class="search-jl" src="{G_TEMPLATES_IMAGE}/wx/jilu.png">
                <span class="search-name">小米手机高仿A货</span>
                <img class="search-sc" src="{G_TEMPLATES_IMAGE}/wx/shanchu@3x.png">
            </li>
            
            <li>
            	<img class="search-jl" src="{G_TEMPLATES_IMAGE}/wx/jilu.png">
                <span class="search-name">小米手机高仿A货</span>
                <img class="search-sc" src="{G_TEMPLATES_IMAGE}/wx/shanchu@3x.png">
            </li>
            
            <li>
            	<img class="search-jl" src="{G_TEMPLATES_IMAGE}/wx/jilu.png">
                <span class="search-name">小米手机高仿A货</span>
                <img class="search-sc" src="{G_TEMPLATES_IMAGE}/wx/shanchu@3x.png">
            </li>
        </ul>
        <div class="search-note">清除历史记录</div>
    </div>
    <div class="cotton" style="border-top:10px #f3f3f3 solid;"></div>
    <div class="search-hit">
    	<h3>热门搜索</h3>
    </div>
    
    <div class="search-bq">
    	<ul>        
            <li><a href="{WEB_PATH}/mobile/mobile/search_result/iPhone">iPhone</a></li>
            <li><a href="{WEB_PATH}/mobile/mobile/search_result/智能手机">智能手机</a></li>
            <li><a href="{WEB_PATH}/mobile/mobile/search_result/3G手机">3G手机</a></li>
            <li><a href="{WEB_PATH}/mobile/mobile/search_result/美的">美的</a></li>
            <li><a href="{WEB_PATH}/mobile/mobile/search_result/宝马">宝马</a></li>
            <li><a href="{WEB_PATH}/mobile/mobile/search_result/单反">单反</a></li>
        </ul>
    </div>
<script>
	$(document).ready(function(e) {
        $(".search-fl ul li").click(function(){
			var sw=$(".search-fl ul li").index(this);
			$(".search-fl ul li").eq(sw).addClass("search-select").siblings(".search-fl ul li").removeClass("search-select");
		$(".search-bq").eq(sw).show(600).siblings(".search-bq").hide(600);
		})

        $("#gosearch").click(function(){
            var res=$(this).parent().prev('input').val();
            if (res=='') {
                 alert("请输入要搜索的关键字");
            }else{
                 window.location.href="{WEB_PATH}/mobile/mobile/search_result/"+res;
            }
        })
    });
</script>
</body>
</html>
